<template>
  <nav>
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>|
    <router-link to="/rect">Rect</router-link> |
    <router-link to="/circle">Circle</router-link> |
    <router-link to="/sprite">sprite</router-link> |
    <router-link to="/loadQueue">loadQueue</router-link> |
    <router-link to="/bitmap">Bitmap</router-link> |
    <router-link to="/moveclip">moveClip</router-link> |
  </nav>
  <router-view />
</template>
<script></script>
<style>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
  }

  nav {
    padding: 30px;
  }

  nav a {
    font-weight: bold;
    color: #2c3e50;
  }

  nav a.router-link-exact-active {
    color: #42b983;
  }
</style>
